
<div class="col-sm-12 mt20" >
    <div class="panel panel-default">
        <div class="col-sm-12" style="padding-top: 20px;padding-bottom:20px">
        <div class="col-sm-2  pull-left">
            <button class="btn btn-block btn-info" ng-click="add()">创建新公告</button> 
        </div>

</div>
    <div class="panel-body">
        
        <table class="table table-condensed table-hover table-bordered">
            <thead>
                <tr>
                    <th class=" " style="width: 65%;vertical-align:middle;">公告名称</th>
                    <th class=" " style="width: 20%;vertical-align:middle;">公告状态</th>
                    <th class=" text-center" style="width: 15%;text-align:center;vertical-align:middle;">操作</th>
                </tr>
            </thead>
            <tbody ng-repeat="info in a">
                <tr >                 
                    <td  style="width: 65%;vertical-align:middle;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.guide_name}}">{{info.guide_name}}</div></td>                          
                    <td  style="width: 20%;vertical-align:middle;">{{info.guide_state_name}}</td>     
                    <td class="text-center"style="width: 100%;text-align:center;vertical-align:middle;" ng-show="info.guide_state_name=='草稿'">
                            <a type="button" class="btn btn-info btn-xs" ng-click="edit($index)">编辑</a>                 
                            <a type="button" class="btn btn-success btn-xs" ng-click="issue($index)">发布</a>
                            <a type="button" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</a>
                            <!--<a type="button" class="btn btn-danger btn-xs" ng-click="down($index)">下线</a>     -->
                    </td>
                     <td class="text-center"style="width: 100%;text-align:center;vertical-align:middle;" ng-show="info.guide_state_name=='发布'">
                            <!--<a type="button" class="btn btn-info btn-xs" ng-click="edit($index)">编辑</a>                 
                            <a type="button" class="btn btn-success btn-xs" ng-click="issue($index)">发布</a>-->
                            <a type="button" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</a>
                            <a type="button" class="btn btn-danger btn-xs" ng-click="down($index)">下线</a>
                    </td> 
                     <td class="text-center"style="width: 100%;text-align:center;vertical-align:middle;" ng-show="info.guide_state_name=='下线'">
                            <!--<a type="button" class="btn btn-info btn-xs" ng-click="edit($index)">编辑</a>                 
                            <a type="button" class="btn btn-danger btn-xs" ng-click="down($index)">下线</a>
                            <a type="button" class="btn btn-success btn-xs" ng-click="issue($index)">发布</a>-->
                            <a type="button" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</a>
                    </td>                  
                </tr>             
            </tbody>
        </table>
        <div class="text-right">
             <pagination 
                total-items="bigTotalItems" 
                ng-model="currentPage" 
                ng-change="pageChanged()"
                previous-text="上一页"
                next-text="下一页"
                first-text="首页"
                last-text="尾页"
                max-size="5"
                boundary-links="true"
                rotate="false"
                items-per-page="itemsPerPage"
                class="m-t-none m-b">
            </pagination>
        </div>
    </div>
</div>
</div>